.graybuttons li,
.graybuttons button {
    border: none !important;
    background-color: #eee !important;
    margin-bottom: 20px;
    border-radius: 10px; 
    padding: 20px;
    width: 100%;
}

.graybuttons button:hover,
.graybuttons li:hover{
    opacity: 50%;
}

.graybuttons li a:hover {
    text-decoration: none;
}

.graybuttons p {
    text-align: left;
}

.graybuttons img.icon {
    float: left;
/*    width: 20%;*/
    margin-right: 10%;
}

/*
.graybuttons .fb24 img {
    width: 70%;   
}
*/

.s-flexBox {
    display: flex;
}

.s-flexBox.center {
  align-items:center;
}

.flexBox.space-between{
  justify-content: space-between;
}

.flexBox .flex-item.fb19 {
  flex-basis:19%;
    margin-right: 1.25%;
}
.flexBox .flex-item.fb19:nth-child(5n) {
    margin-right: 0;
}

.s-flexBox .flex-item.fb20 {
  flex-basis:20%;
}

.s-flexBox .flex-item.fb70 {
  flex-basis:70%;
}

p.support_label {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.for-pc {
    display: none;
}



    
    /*-----------------------------------
header
-----------------------------------*/
.header {
  position: relative;
  padding: 12px 0 10px;
  background-color: #000;
    min-height: 40px;
}
.header_inner {
  position: relative;
  width: 100%;
  z-index: 2;
  margin: 0 auto;
  padding: 0 20px;
}

.active .header_search,
.active .header_clock,
.active .gnavi_item:not(.header_logo) {
  display: block;
}
.active .narrow_menu {
  display: none;
}
.active .gnavi_inner{
  width: 100%;
}
.active .gnavi_item.header_logo {
  float: left;
  margin: 0 36px 0 0;
}
    
/*-----------------------------------
gnavi
-----------------------------------*/
.gnavi_inner {
  width: 740px;
}
.gnavi_item:not(.gnavi_global) {
  font-size: .857rem;
  float: left;
  margin-top: 0;
}
.gnavi_item span {
   display: inline-block;
/*  padding-bottom: 10px;*/
  border-bottom: 1px solid #000;
}
/*
.gnavi_item:hover span,
.gnavi_item.current span,
.gnavi_item.active span {
  border-color: #787878;
}
*/

.gnavi_item:last-child{
    float: right;
}
.gnavi_item:last-child a{
    position: relative;
}
/*
.gnavi_item:last-child a::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: -10px;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
*/


.gnavi_item + .gnavi_item {
  margin-left: 23px;
}
.gnavi_item + .header_logo {
  margin: 0 36px;
}
.gnavi_item:not(.gnavi_global):not(.header_logo) > a {
  display: block;
  padding: 0;
}
.header_logo + .gnavi_item {
  margin-left: 0;
}
.gnavi_item > a {
  color: #fff;
}
.gnavi_item.gnavi_global > a:hover {
  text-decoration: underline;
}
.gnavi_global {
  position: absolute;
  top: -3px;
  right: 20px;
  font-size: .715rem;
  letter-spacing: .1rem;
}
.gnavi_global > a::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 8px;
  margin-right: 5px;
  background: url(../../common/images/icon_arrow_01.gif) no-repeat 0 0;
}


    
/* current section for pc*/

.navitic {
    float:right;
    width: 20%;
    margin: 5px;
    padding:5px;
/*    border-radius: 5px;*/
    -webkit-appearance : none;
/*    cursor: pointer;*/
    color: black;
    font-size:14px;
    font-weight:bold;
    background-color: #eee;
    text-align: center;
}


    
/* manual selection */

.menu_panel .selection {
    border: solid 1px #000000;
    text-align: center;
    padding: 10px 5px;
}

.menu_panel .selection .flex-item a:hover {
    opacity: 50%;
    text-decoration: none;
}

.manual_index {
  margin-bottom: 16px;
}
.manual_index_item {
  display: table;
  float: left;
}
.manual_index_item + .manual_index_item {
  margin-left: 5px;
}
.manual_index_item > a:hover {
  text-decoration: none;
  opacity: .7;
}
.manual_index_item > a {
  display: table-cell;
  width: 38px;
  height: 38px;
  font-size: 1.143rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  border: 1px solid #808080;
}
.manual_index_item.active > a {
  position: relative;
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.manual_index_item.active > a::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: solid transparent;
  border-top-color: #000;
  border-width: 7px;
  margin-left: -7px;
}

.manual_dl {
  background-color: #f3f3f3;
  margin-bottom: 25px;
  padding: 20px 0 50px;
}


.manual_dlList_number {
    display: block;
/*    width: 30%;*/
  background-color: #a9a9a9;
  padding: 20px 15px;
  border-top: 1px solid #f3f3f3;
  word-break: break-all;
}
.manual_dlList_buttonList {
    display: block;
/*    width: 70%;*/
    padding: 15px;
    background-color: #fff;
    border-top: 1px solid #f3f3f3;
}

.manual_dlList_item {
    display: list-item;
/*
    float: left;
    width: 50%;
*/
}

.manual_dlList_buttonList > ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.manual_dlList_button {
    display: table-cell;
}

.manual_dlList_button:last-child {
    padding-left: 1%;   
}
.manual_dlList_button:first-child {
    padding-right: 1%;   
}

.manual_dlList_button > a {
  padding: 5px;
}

.manual_dlList_number {
    padding: 3%;
}


.manual_dlList_number .icon_badge_02 {
    display: inline-block;
}

.btn_01_inline a {
    display: inline-block;
    margin: 0 1em 1em 0;
}


/* goback button for sp*/

.btn_01.back {
    background-color: #d4d4d4;
    margin-top: 30px;
}

.btn_01.back> a {
    border: none;
}

.btn_01.back> a span::before {
    transform: rotate(225deg);
}



/*repair fee table*/
  table.price_style {
    border-spacing: 3px;
    border-collapse:separate;
    border:1px;
  }

/*
  .price_style tbody tr td {
    line-height: 40px;
  }
*/

  .price_style tbody tr td a {
    margin:2px;
    padding:5px;
    background-color: white;
    border:1px solid black;
  }

  .price_style tbody tr td a:hover {
    opacity:0.7;
  }

 #price_list tr.movementnum {
  display:none;
  }

  table.price_style th{
    color:#fff;
    background: #898989;
    vertical-align:middle;
  }
  table.price_style td{
    background: #e6e6e7;
    vertical-align:middle;
  }



/* table */
.table_basic_03 td,
.table_basic_03 th {
    padding: 15px 10px;
}


/*h1*/
h1.headingLv1::after {
    border-bottom: none;
}

/* no arrow for links */
.link_01 > a::before,
.link_brank_01 > a::before {
    border: none;
}


/* checknumber image */
img.border {
    border: solid 1px black;
}

/* top buttons*/
.flexBox.top-buttons .flex-item {
    flex-basis: 48%;
    margin: 0 2% 2% 0;
}

.flexBox.top-buttons .flex-item a {
    font-size: 1rem;
}

.flexBox.top-buttons .flex-item a::before {
    margin: 0px;
    border: 0px;
}


.notice_text {
    border: 1px solid #777777;
    padding: 1em;
    margin-bottom: 30px;
}

.notice_text_alert {
    border-color: #ff0c00;
    color: #ff0c00;
}

.notice_text_alert h3 {
    color: inherit;
}

/*box-arrow link*/
.c-link-arrow {
    color: #fff;
    padding: 10px 40px 10px 10px;
    margin: 10px 15px 10px 15px;
    width: auto;
    max-width: 100%;
    display: inline-block;
    text-align: left;
    background:
    linear-gradient(45deg,  transparent 0px, #04a2e0 0px),
    linear-gradient(135deg, transparent 0px, #04a2e0 0px),
    linear-gradient(225deg, transparent 30px, #04a2e0 30px),
    linear-gradient(315deg, transparent 30px, #04a2e0 30px);
      background-position: bottom left, top left, top right, bottom right;
      background-size: 50% 50%;
      background-repeat: no-repeat;
}

.c-link-arrow a {
    color: #fff !important;
}

.c-link-arrow:hover {
    opacity: 0.7;
}

/* MEDIA QUERY ---------------------------------------------- */
@media print, screen and (min-width : 768px) {
    
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

    html {
        font-size: 14px;
}

    h3.headingLv3 {
        margin-bottom: 15px;
        font-size: 1.143rem;
        text-align: left;
    }
    
*[class^="link_"] > a {
    font-size: 1rem;
    }


.btn_01 > a {
    font-size: 100%;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #6a6a6a;
}

.btn_01_inline a {
    display: inline-block;
    margin: 0 1rem 1rem 0;
}

.btn_01.right {
    float: right;
}
    
.btn_01.support_moreButton > a {
    padding: 15px;
}

.for-sp {
    display: none !important;
}

 .for-pc {
    display: block;
}
    
.header_inner {
  position: relative;
  width: 1040px;
  z-index: 2;
  margin: 0 auto;
  padding: 0 20px;
}

    
    
.header_logo > a {
    background: none;
    width: auto;
    height: auto;
    text-indent: 0;
}
    

/*-----------------------------------
breadcrumb
-----------------------------------*/
.breadcrumb {
  width: 1000px;
  margin: 20px auto 0 auto;
}
.breadcrumb > ul{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.breadcrumb li {
  display: inline;
}
.breadcrumb li + li {
  margin-left: 9px;
}
.breadcrumb a::after {
  content: '';
  position: relative;
  top: -1px;
  display: inline-block;
  width: 5px;
  height: 8px;
  margin-left: 9px;
  background: url(../../common/images/icon_arrow_02.png) no-repeat 0 0;
}
.breadcrumb a:hover {
  text-decoration: underline;
}

.header + .breadcrumb {
  padding-top: 23px;
}
    

/*-----------------------------------
gnavi
-----------------------------------*/
    
.gnavi_item:not(.gnavi_global) {
  margin-top: 14px;
}
    
    
/*-----------------------------------
important notice
-----------------------------------*/
 
div.supportColumnWrap {
    padding: 28px 0;
    margin: 0 auto 50px;
    background: #f3f3f3;
    width: 1000px;
} 

section.productInfo {
    width: 840px;
    margin: 0 auto;
    position: relative;
}

    
.supportColumnWrap .productInfo {
    margin-top: 0;
}

.supportColumnWrap .productInfo h3 {
    margin-bottom: 0;
    padding: 0 0 30px;;
    background: #f3f3f3;
    border-top: none;
}

section.supportDetailList .supportDetailList {
    width: 600px;
    margin: 0 auto;
}
    
.supportColumnWrap .supportDetailList li > a {
    display: block;
    position: relative;
    padding: 0 0 10px 0;
}
    
    
.supportColumnWrap .supportDetailList li {
    border-top: none;
}
    
 .supportColumnWrap .supportDetailList li:last-child {
    border-bottom: none;
}   
    
.supportColumnWrap .supportDetailList li>a::after {
    border: none;
}
    
.supportColumnWrap .supportDetailMore {
    margin: 0;
    padding: 0;
    text-align: right;
    background: #f3f3f3;
}

.supportColumnWrap .supportDetailMore a {
    font-size: 1rem;
}

    
    
/*-----------------------------------
footer
-----------------------------------*/
.footer * {
  font-size: inherit;
}

.footer {
  padding: 32px 0 16px;
  background-color: #000;
}
.footer_outer {
  margin-bottom: 80px;
  border-bottom: 1px solid #2b2b2b;
}
.footer_inner {
  position: relative;
  color: #efefef;
  width: 1000px;
  margin: 0 auto;
}
.footer_inner a {
  color: #efefef;
}
.footer_inner a:hover {
  text-decoration: underline;
}
    
.footer_otherlink {
    border-bottom: none;
}
    
.footer_otherlink_item {
  display: inline-block;
  font-size: .857rem;
    width: auto;
}
    
    
.footer_otherlink_item > a::after {
    border: none;
}
    
.footer_otherlink_item:nth-child(3), 
.footer_otherlink_item:nth-child(4) {
    border-top: none;
    }    
    
.footer_otherlink_item:first-child, 
.footer_otherlink_item:nth-child(3) {
    border-right: none;
    }

.footer_otherlink_item + .footer_otherlink_item {
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #595959;
}
    
.footer_copyright {
    margin: 0;
}
.footer_copyright small {
  font-size: .715rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
    
    .footer_otherlink_item > a {
        padding: 0;
    }    
    
    

    
 /*-----------------------------------
flexBox
-----------------------------------*/
.flexBox {
  display: flex;
  justify-content:space-around;
  align-content:space-around;
}
    

    

.flexBox.justify-flex-start {
  justify-content: flex-start;
}
.flexBox.space-between{
  justify-content: space-between;
}
.flexBox.flex-start {
  align-items:flex-start;
}
.flexBox.center {
  align-items:center;
}
.flexBox.flex-end {
  align-items:flex-end;
}
.flexBox.baseline {
  align-items:baseline;
}
.flexBox.flex-wrap {
  flex-wrap: wrap;
}
    
.flexBox.top-buttons {
    justify-content: center;
}
.flexBox.top-buttons div.flex-item {
    margin-right: 10px;
    flex-basis: auto;
}    
    

.flexBox .flex-item.fb10 {
  flex-basis:10%;
}

.flexBox .flex-item.fb20 {
  flex-basis:20%;
}
.flexBox .flex-item.fb24 {
  flex-basis:24%;
    margin-right: 1%;
}
.flexBox .flex-item.fb24:nth-child(4n) {
    margin-right: 0;
}
.flexBox .flex-item.fb30 {
  flex-basis:30%;
}
.flexBox .flex-item.fb32 {
  flex-basis:32%;
    margin-right: 1.5%;
}
.flexBox .flex-item.fb32:nth-child(3n) {
    margin-right: 0;
}
.flexBox .flex-item.fb40 {
  flex-basis:40%;
}
    
.flexBox .flex-item.fb48 {
  flex-basis:48%;
    margin-right: 3.8%;
}
.flexBox .flex-item.fb48:nth-child(2n) {
    margin-right: 0;
}
    
.flexBox .flex-item.fb50 {
  flex-basis:50%;
}
.flexBox .flex-item.fb60 {
  flex-basis:60%;
}
.flexBox .flex-item.fb70 {
  flex-basis:70%;
}
.flexBox .flex-item.fb80 {
  flex-basis:80%;
}
.flexBox .flex-item.fb90 {
  flex-basis:90%;
}
    

    .main {
      margin: 50px 0 100px;
    }
    .container {
      width: 1040px;
      margin: 0 auto;
      padding: 0 20px;
    }
    .narrow .container {
      width: 700px;
    }

    
    .headingLv1Block {
      margin: 50px 0;
      padding: 70px 0 55px;
      border-top: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6;
}
    
    
    .headingLv2 {
      font-size: 1.286rem;
      text-align: center;
      margin-bottom: 20px;
}
    
    
    h3.js-accordionTrigger {
        font-size: 1.5rem;
        font-weight: bold;
        text-align: center;
    }
    
    
    .support_label {
      font-size: 1.5rem;

}
    
    
    
    section+section {
        margin-top: 0;
    }
    section section+section {
        margin-top: 0;
    }
    
    .accordion_detail {
        padding: 40px;
    }

 /*-----------------------------------
manual selection
-----------------------------------*/

.manual_dlList_number {
    width: 32%;
    padding: 20px 15px;

}
.manual_dlList_buttonList {
    display: table-cell;
    width: 68%;
}

.manual_dlList_item {
    display: table;
    float: left;
    width: 50%;
}
.manual_dlList_item + .manual_dlList_item {
    margin-top: 1px;
}

.manual_dlList_button {
  width: 150px;
}
.manual_dlList_button.manual {
  float: left;
}
.manual_dlList_button.guide {
  float: right;
}
.manual_dlList_number,
.manual_dlList_buttonList {
  display: table-cell;
  vertical-align: middle;
}
   
.icon_badge_02 {
    font-size: 0.786rem;
}

    
/* contact */
    
.accordionTrigger > a img {
    float: none;
}
    
.contactNarrowBlock_01 .headingLv3.contactMail {
    background: url(../afterservice/images/icon_contact_04.gif) no-repeat left center;
    padding: 12px 0px 12px 70px;
}
    
.contactNarrowBlock_01 .headingLv3.contactTel {
    background: url(../afterservice/images/icon_contact_05.gif) no-repeat left center;
    padding: 14px 0px 14px 70px;
}
    
    
    
    
    
}